First steps into css - aligning data insite one DIV [on hold]

Posted by Andrew on Pro Webmasters See other posts from Pro Webmasters or by Andrew
Published on 2013-06-30T01:04:39Z Indexed on 2013/06/30 4:28 UTC
Read the original article Hit count: 525

Filed under:

I am trying to move away from tables, and start doing CSS. Here is my HTML code that I currently trying to place into a nice looking container.

<div>
<div>
<h2>ID: 4000 | SSN#: 4545</h2>
</div>
<div>
<img src="./images/tenant/unknown.png">
</div>
<div>
    <h3>Names Used</h3>
    Will Smith<br>
    Bill Smmith<br>
    John Smith<br>
    Will Smith<br>
    Bill Smmith<br>
    John Smith<br>
    Will Smith<br>
    Bill Smmith<br>
    John Smith<br>
</div>
<div>
    <h3>Phones Used</h3>
    123456789<br>
    123456789<br>
    123456789<br>
    123456789<br>
    123456789<br>
    123456789<br>
    123456789<br>
    123456789<br>
</div>
<div>
    <h3>Addresses Used</h3>
    125 Main Evanston IL 60202<br>
    465 Greenwood St. Schaumburg null 60108<br>
    125 Main Evanston IL 60202<br>
    465 Greenwood St. Schaumburg null 60108<br>
    125 Main Evanston IL 60202<br>
    465 Greenwood St. Schaumburg null 60108<br>
    125 Main Evanston IL 60202<br>
    465 Greenwood St. Schaumburg null 60108<br>
    125 Main Evanston IL 60202<br>
    465 Greenwood St. Schaumburg null 60108<br>
</div>
</div>

I now understand now I create classes and assign classes to elements. I have no issues doing colors. But I am very confused with elements alignments. Could you suggest a nice way to pack it together with some CSS which I can analyze and take as a CSS starting learning point?

© Pro Webmasters or respective owner

Related posts about css